<template>
  <div class="app-container">
    
    <el-table :data="list"  border fit highlight-current-row >      
      <!-- v-loading.body="listLoading" element-loading-text="拼命加载中···" -->
      <el-table-column align="center" label='联系对象' width="100">
        <template slot-scope="scope">
          {{scope.row.conuser}}
        </template>
      </el-table-column>
      <el-table-column align="center" label='对象类别' width="95">
        <template slot-scope="scope">
          {{getidentity(scope.row.conidentity)}}
        </template>
      </el-table-column>

      <!-- <el-table-column align="center" label='公司' width="auto">
        <template slot-scope="scope">
          {{scope.row.CoName}}
        </template>
      </el-table-column> -->

      <el-table-column align="center" label='受理人' width="85">
        <template slot-scope="scope">
          {{scope.row.reguser}}
        </template>
      </el-table-column>

      <el-table-column align="center" label='受理时间' width="auto">
        <template slot-scope="scope">
          {{scope.row.RegDateTime}}
        </template>
      </el-table-column>

      <!-- <el-table-column align="center" label='修改人' width="auto">
        <template slot-scope="scope">
          {{scope.row.edituser}}
        </template>
      </el-table-column> -->

      <el-table-column align="center" label='联系方式' width="auto">
        <template slot-scope="scope">
          {{scope.row.conmode}}
        </template>
      </el-table-column>

      <el-table-column align="center" label='事由类别' width="180" property ='24' :render-header="renderHeader" >
        <template slot-scope="scope">
          {{scope.row.conkind}}
        </template>
      </el-table-column>

      <el-table-column align="center" label='具体事由' width="700">
        <template slot-scope="scope">
          {{scope.row.connote}}
        </template>
      </el-table-column>

      <!-- <el-table-column align="center" label='涉及顾问' width="auto">
        <template slot-scope="scope">
          {{scope.row.reluser}}        
        </template>
      </el-table-column> -->
 </el-table>   
  </div>
</template>

<script>
//import {onLineJob, offLineJob,delJob} from "@/api/busi_position";
import {
  gethelpinfo
} from '@/api/busi_resume';
export default {
  helpcenter:{
        SupNote:'',
        SupTag:'',
        PuSupportID:0
      },
 props:{
   list:{type:Array}
  },
  data() {
    return {
      list1:this.$props.list,
      onlineName: "",  //初值由职位当前值决定
      listLoading: true
    };
  },
  created(){    
  },
  mounted() {
      
       
    },
  methods: {
      renderHeader (h,{column}) {
        return h(
          'div',
          [ 
             h('span',[
               column.label,
               h('el-popover',{attrs:{trigger:'hover',},
               on:{show:()=>{this.helpshow(column.property)}},
           
               },  
                [
                  h('span',[this.helpcenter.SupNote]),
                 h('a',{on:{mouseover:()=>{this.open2(column.property,this.helpcenter.SupTag)}}},'   更多>>'),
                 h('i',{slot:'reference',attrs:{class:'icon-help1'}})
                 ])
             ])
            
             ],
        );
       },
   open2(id,SupTag) {
          
     if($('#panelshow').is(':visible')==false){ 
            $('#div111').html(id);
           // console.log(   $('#div111').html(id));
            $('#helpTag').html(SupTag);
            $("#helpcenter i")[0].click();
             setTimeout(()=>{ $('#div111')[0].click(id);
          setTimeout(()=>{ $("#bindss"+id)[0].click();},300);
       },400);
       }
     else{
         $('#div111').html(id);
        $('#helpTag').html(SupTag);
       console.log(  $('#div111').html(id));
           
        setTimeout(()=>{ $('#div111')[0].click(id);
          setTimeout(()=>{ $("#bindss"+id)[0].click();},300);
       },400);
}
      },
   helpshow(supportID){ 
      gethelpinfo({data:supportID}).then(m=>{
        if(m.code==0){
          this.helpcenter=m.data[0];   
        }
      });

    },     
    getidentity(index){
      if(index=="会员移动端")
      {
         return '会员';
      }
      if(index=="HR移动端")
      {
        return 'HR';
      }
     
    }
     }

};
</script>

<style scoped>
/*.link-type:link{color:#000000;}  未访问链接*/
.link-type:visited{color:#00FF00;} /* 已访问链接 */
.link-type:hover{color:#0000FF;} /* 鼠标移动到链接上 */
.link-type:active{color:#FF00FF;} /* 鼠标点击时 */
</style>

